﻿@model LuShanTea.Front.Web.Models.IndexGoodGetModel
@{
    ViewBag.Title = "庐山云雾茶-首页";
    Layout = "~/Views/Shared/_UserLayout.cshtml";
}
@section Head{
<link href="~/common/css/index.css" rel="stylesheet" />
}

<!-- 背景阴影结束 -->
<!--中间商品部分开始-->
<!--幻灯片样式-->
<div class="Plates" id="mian" style="position: relative;top: 0px;">
    <div class="bottom_style clearfix" style="position: relative;width: 100%; ">
        <!-- 焦点图开始 -->
        <div style="border:  margin-top: 0px;height: 410px; width: 100%;position: relative;">
            <div style="position: absolute;left: 0;top: 0;width: 200px;height: 100px;border-bottom:  1px solid white;background-color: rgba(1,1,1,0.4);color: white;height: 410px;z-index: 100">



                <ul class="newNav">

                    <a href="~/Home/List?categoryId=1"><li style="background:url('/common/images/1.PNG') no-repeat 10px center;border-top: 1px solid #e5e5e5;">巴山雀舌</li></a>
                    <a href="~/Home/List?categoryId=2">
                        <li style="background:url('/common/images/2.PNG') no-repeat 10px center;">贡茗</li>
                    </a>
                    <a href="~/Home/List?categoryId=3">
                        <li style="background:url('/common/images/4.PNG') no-repeat 10px center;">冠茗</li>
                    </a>
                    <a href="~/Home/List?categoryId=4">
                        <li style="background:url('/common/images/5.PNG') no-repeat 10px center;">臧芝堂</li>
                    </a>
                    <a href="~/Home/List?categoryId=6">
                        <li style="background:url('/common/images/6.PNG') no-repeat 10px center;">大巴山茶</li>
                    </a>
                    <a href="~/Home/List?categoryId=7">
                        <li style="background:url('/common/images/7.PNG') no-repeat 10px center;">达州（茶）</li>
                    </a>
                    <a href="~/Home/List?categoryId=1">
                        <li style="background:url('/common/images/8.PNG') no-repeat 10px center;">云雾茶</li>
                    </a>
                </ul>
            </div>
            <div class="image_display" style="height: 409px;position: absolute;width: 100%;">
                <!--幻灯片样式-->
                <div class="slider" style="position: relative;">
                    <div id="slideBox" class="slideBox" style="width: 100%;position: absolute;">
                        <div class="hd">
                            <ul></ul>
                        </div>
                        <div class="bd">
                            <ul>
                                <li><a href="/Banner/Banner1" target="_blank"><img src="http://static.amortal.top/banner01.jpg" /></a></li>
                                <li><a href="/Banner/Banner2" target="_blank"><img src="http://static.amortal.top/banner02.jpg" /></a></li>
                                <li><a href="/Banner/Banner3" target="_blank"><img src="http://static.amortal.top/banner03.jpg" /></a></li>
                                <li><a href="/Banner/Banner4" target="_blank"><img src="http://static.amortal.top/banner04.jpg" /></a></li>
                            </ul>
                        </div>
                        <a class="prev" href="javascript:void(0)" id="prev"></a>
                        <a class="next" href="javascript:void(0)" id="next"></a>
                    </div>
                    <script type="text/javascript">
                        jQuery(".slideBox").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPlay: true, autoPage: true, interTime: 9000 });
                    </script>
                </div>
            </div>
        </div>
        <!-- 焦点图结束 -->
    </div>
    <!--内容样式-->
    <div class="Selling_list">
        <div id="slideBox_list" class="slideBox_list">
            <div class="hd">
                <span class="arrow"><a class="next"></a><a class="prev"></a></span>
                <ul><li><a href="#">热销产品</a></li><li><a href="#">新品推荐</a></li></ul>
            </div>
            <div class="bd">
                <!--热销商品-->
                <ul>
                    @{
                        for (int i = 0; i < Model.HotSaleGoods.Length; i++)
                        {
                            var good = Model.HotSaleGoods[i];
                            var goodImg = Model.HotSaleGoodImgs[i];
                            var goodComment = Model.hotSaleGoodComments[i];

                            <li class="s_Products">
                                <div class="Products_list_name">
                                    <div class="img center"><a href="/Home/Detail?goodId=@good.Id"><img width="230" height="184 " thissrc="http://static.amortal.top/@goodImg.ThumImgSrc" /></a></div>
                                    <div class="title_name"><a href="/Home/Detail?goodId=@good.Id">【2018年新茶】@good.Name</a></div>
                                    <div class="s_Price clearfix">
                                        <span class="Current_price">商城价<em>￥@good.Price</em></span>
                                        <span class="Original_Price">原价&nbsp;<em>@good.PrePrice</em></span>
                                    </div>
                                    <div class="p_comment">已有<a href="#">@goodComment</a>人评论</div>
                                </div>
                            </li>
                        }
                    }
                </ul>
                <!--新品推荐-->
                <ul>
                    @{
                        for (int i = 0; i < Model.LatestOnlineGoods.Length; i++)
                        {
                            var good = Model.LatestOnlineGoods[i];
                            var goodImg = Model.LatestOnlineGoodImgs[i];
                            var goodComment = Model.LatestOnlineGoodComments[i];


                            <li class="s_Products">
                                <em class="icon_new"></em>
                                <div class="Products_list_name">
                                    <div class="img center"><a href="/Home/Detail?goodId=@good.Id"><img width="230" height="184" thissrc="http://static.amortal.top/@goodImg.ThumImgSrc" /></a></div>
                                    <div class="title_name"><a href="/Home/Detail?goodId=@good.Id">【2018年新品】@good.Name</a></div>
                                    <div class="s_Price clearfix">
                                        <span class="Current_price">商城价<em>￥@good.Price</em></span>
                                        <span class="Original_Price">原价&nbsp;<em>@good.PrePrice</em></span>
                                    </div>
                                    <div class="p_comment">已有<a href="#">@goodComment</a>人评论</div>
                                </div>
                            </li>
                        }
                    }
                    @*<li class="s_Products">
                            <em class="icon_new"></em>
                            <div class="Products_list_name">
                                <div class="img center"><a href="#"><img src="~/common/Products/3.jpg" /></a></div>
                                <div class="title_name"><a href="#">52°五岭洞藏黑金刚1500ml(双瓶装)</a></div>
                                <div class="s_Price clearfix">
                                    <span class="Current_price">商城价<em>￥39.00</em></span>
                                    <span class="Original_Price">原价&nbsp;<em>76.00</em></span>
                                </div>
                                <div class="p_comment">已有<a href="#">2345</a>人评论</div>
                            </div>
                        </li>
                        <li class="s_Products">
                            <em class="icon_new"></em>
                            <div class="Products_list_name">
                                <div class="img center"><a href="#"><img src="~/common/Products/1.jpg" /></a></div>
                                <div class="title_name"><a href="#">52°泸州老窖封藏老酒（窖藏）</a></div>
                                <div class="s_Price clearfix">
                                    <span class="Current_price">商城价<em>￥39.00</em></span>
                                    <span class="Original_Price">原价&nbsp;<em>76.00</em></span>
                                </div>
                                <div class="p_comment">已有<a href="#">2345</a>人评论</div>
                            </div>
                        </li>
                        <li class="s_Products">
                            <em class="icon_new"></em>
                            <div class="Products_list_name">
                                <div class="img center"><a href="#"><img src="~/common/Products/3.jpg" /></a></div>
                                <div class="title_name"><a href="#">桐木关正山小种 特级XZ1390-250g 天地盖硬盒 本朴</a></div>
                                <div class="s_Price clearfix">
                                    <span class="Current_price">商城价<em>￥39.00</em></span>
                                    <span class="Original_Price">原价&nbsp;<em>76.00</em></span>
                                </div>
                                <div class="p_comment">已有<a href="#">2345</a>人评论</div>
                            </div>
                        </li>
                        <li class="s_Products">
                            <em class="icon_new"></em>
                            <div class="Products_list_name">
                                <div class="img center"><a href="#"><img src="~/common/Products/3.jpg" /></a></div>
                                <div class="title_name"><a href="#">52°泸州老窖封藏老酒（窖藏）</a></div>
                                <div class="s_Price clearfix">
                                    <span class="Current_price">商城价<em>￥39.00</em></span>
                                    <span class="Original_Price">原价&nbsp;<em>76.00</em></span>
                                </div>
                                <div class="p_comment">已有<a href="#">2345</a>人评论</div>
                            </div>
                        </li>*@
                </ul>
            </div>
        </div>
        <script type="text/javascript">jQuery(".slideBox_list").slide();</script>
    </div>
    <!--产品系列样式表-->
    <div class="Area">
        <div class="Area_title">
            <div class="name"><em class="icon_title"></em>巴山雀舌系列</div>
            <div class="right">
                <span class="p_link">
                    @foreach (var category in Model.Categorys)
                    {
                        <a href="#">@category.Name</a>
                    }
                </span>
                <span class="more"><a href="/Home/List?categoryId=1">更多《</a></span>
            </div>
        </div>
        <div class="Area_list clearfix">
            <div class="Area_ad">
                <a href="#"><img src="http://static.amortal.top/upload/ad/ADfir.jpg" /></a>
                <a href="#"><img src="http://static.amortal.top/upload/ad/AD02.jpg" /></a>
            </div>
            <div class="Area_p_list">
                <ul>
                    @{
                        for (int i = 0; i < Model.Goods.Length; i++)
                        {

                            var good = Model.Goods[i];
                            var goodImg = Model.GoodImgs[i];

                            <li class="s_Products">
                                <div class="Area_product_c">
                                    <div class="img center"><a href="/Home/Detail?goodId=@good.Id"><img width="230" height="184" thissrc="http://static.amortal.top/@goodImg.ThumImgSrc" /></a></div>
                                    <div class="title_name"><a href="/Home/Detail?goodId=@good.Id">@good.Name</a></div>
                                    <div class="s_Price clearfix">
                                        <span class="Current_price">商城价<em>￥@good.Price</em></span>
                                        <span class="Original_Price">原价&nbsp;<em>@good.PrePrice</em></span>
                                    </div>
                                </div>
                            </li>
                        }

                    }
                </ul>
            </div>
        </div>
    </div>
    <!--产品版块-->
    <div class="Area">
        <div class="Area_title">
            <div class="name"><em class="icon_title"></em>庐山云雾茶系列</div>
            <div class="right">
                <span class="p_link">
                    @foreach (var category in Model.Categorys)
                    {
                        <a href="#">@category.Name</a>
                    }
                </span>
                <span class="more"><a href="/Home/List?categoryId=5">更多《</a></span>
            </div>
        </div>
        <div class="Area_list clearfix">
            <div class="Area_ad">
                <a href="#"><img src="http://static.amortal.top/upload/ad/AD03.jpg" /></a>
                <a href="#"><img src="http://static.amortal.top/upload/ad/AD04.jpg" /></a>
            </div>
            <div class="Area_p_list">
                <ul>
                    @{
                        for (int i = 0; i < Model.GoodsLuShanTeas.Length; i++)
                        {
                            var good = Model.GoodsLuShanTeas[i];
                            var goodImg = Model.ListLuShanTeaGoodImgs[i];


                            <li class="s_Products">
                                <div class="Area_product_c">
                                    <div class="img center"><a href="/Home/Detail?goodId=@good.Id"><img width="230" height="184" thissrc="http://static.amortal.top/@goodImg.ThumImgSrc" /></a></div>
                                    <div class="title_name"><a href="/Home/Detail?goodId=@good.Id">@good.Name</a></div>
                                    <div class="s_Price clearfix">
                                        <span class="Current_price">商城价<em>@good.Price</em></span>
                                        <span class="Original_Price">原价&nbsp;<em>@good.PrePrice</em></span>
                                    </div>
                                </div>
                            </li>
                        }
                    }
                </ul>
            </div>
        </div>
    </div>
    <!--产品版块-->
    <div class="Area">
        <div class="Area_title">
            <div class="name"><em class="icon_title"></em>茶具系列</div>
            <div class="right">
                <span class="p_link">
                    @foreach (var category in Model.Categorys)
                    {
                        <a href="#">@category.Name</a>
                    }
                </span>
                <span class="more"><a href="/Home/List?categoryId=8">更多《</a></span>
            </div>
        </div>
        <div class="Area_list clearfix">
            <div class="Area_ad">
                <a href="#"><img src="http://static.amortal.top/upload/ad/AD05.jpg" /></a>
                <a href="#"><img src="http://static.amortal.top/upload/ad/AD06.jpg" /></a>
            </div>
            <div class="Area_p_list">
                <ul>
                    @{
                        for (int i = 0; i < Model.GoodsTeaTools.Length; i++)
                        {
                            var good = Model.GoodsTeaTools[i];
                            var goodImg = Model.ListTeaToolImgs[i];

                            <li class="s_Products">
                                <div class="Area_product_c">
                                    <div class="img center"><a href="/Home/Detail?goodId=@good.Id"><img width="230" height="184" thissrc="http://static.amortal.top/@goodImg.ThumImgSrc" /></a></div>
                                    <div class="title_name"><a href="/Home/Detail?goodId=@good.Id">@good.Name</a></div>
                                    <div class="s_Price clearfix">
                                        <span class="Current_price">商城价<em>￥@good.Price</em></span>
                                        <span class="Original_Price">原价&nbsp;<em>@good.PrePrice</em></span>
                                    </div>
                                </div>
                            </li>

                        }
                    }
                </ul>
            </div>
        </div>
    </div>
    <!--信息内容样式-->
    <div class="bs_info_area clearfix">
        <!--百科知识-->
        <div class="know_how left">
            <div class="title_name"><em class="title_icon"></em>茶叶百科  <a href="">更多》</a></div>
            <div class="info_content">
                <uL>
                    <li><em class="info_icon"></em><a href="http://www.egoll.com/lushanyunwu/tea_980.html">云雾茶的功效与作用</a></li>
                    <li><em class="info_icon"></em><a href="http://www.dhpao.com/dhp/">大红袍属于什么茶</a></li>
                    <li><em class="info_icon"></em><a href="http://www.puercn.com/puerchazs/pecgx/">普洱茶的功效与作用</a></li>
                    <li><em class="info_icon"></em><a href="https://health.pclady.com.cn/healthzq/1111/760512.html">乌龙茶的功效与作用</a></li>
                    <li><em class="info_icon"></em><a href="https://health.pclady.com.cn/healthzq/1108/724059.html">绿茶的功效与作用</a></li>
                    <li><em class="info_icon"></em><a href="https://health.pclady.com.cn/healthzq/1111/760512.html">乌龙茶的功效与作用</a></li>
                    <li><em class="info_icon"></em><a href="https://zhidao.baidu.com/question/684954111273930932.html">山茶属于什么茶</a></li>
                    <li><em class="info_icon"></em><a href="https://health.pclady.com.cn/healthzq/1108/724146.html">铁观音属于什么茶</a></li>
                </uL>
            </div>
        </div>
        <!--巴山雀舌信息-->
        <div class="info_about left">
            <div class="title_name"><em class="title_icon"></em>巴山介绍 <a href="#">查看详细》</a></div>
            <div class="info_content bs_about">
                <img src="~/common/images/logo_img_03.png" />
                巴山雀舌，品种：绿茶，产于四川省万源市，境内环境优美，土壤、气候特别适宜茶树生长，茶叶自然品质好，并天然富硒。巴山雀舌系采用其茶树的 高档原料精心制作而成，其品质特征外形扁平匀直，绿润带毫。经水冲泡叶底嫩绿明亮，香气鲜嫩持久，滋味醇爽回甘，汤色嫩绿明亮。<br />
                茶叶以富含硒而出名，抗氧化能力强，能清除水中污染毒素，故具有延缓衰老，防癌抗癌，抗高血压，防止色素堆积，增强机体活力，防辐射等作用。
                巴山雀舌”先后获得国家省部级以上奖项达60余次,产品曾先后获得“中国文化名茶”、“四川省十大名茶”、“四川省名牌产品”...
            </div>
        </div>
        <!--新闻中心-->
        <div class="mews right">
            <div class="title_name"><em class="title_icon"></em>文化底蕴<a href="#">更多》</a></div>
            <div class="info_content news">
                <ul>
                    <li class="Headlines_news">
                        <a href="#" class="news_img"><img src="~/common/images/news_img.jpg" /></a>
                        <a href="#">1991年“七·五”星火科技成果巴山雀舌获金奖江总书记视...</a>
                        <p class="news_Profile">星火科技成果巴山雀舌获金奖江总书记视察巴山雀舌展台</p>
                    </li>
                    <li><a href="#">006年11月巴山雀舌获“四川省十大名茶”</a></li>
                    <li><a href="#">2007年十月中国食品协会授予万源市“中国富硒...</a></li>
                    <li><a href="#">张爱萍将军为巴山雀舌提字</a></li>
                    <li><a href="#">巴山雀舌茶历史可追溯到西周年代</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--友情链接-->
    <div class="Links">
        <div class="link_title">友情链接</div>
        <div class="link_address">
            <a href="http://www.jjcyxh.com/">九江市茶叶产业协会</a>  <a href="http://www.ctma.com.cn/index.html">中国茶叶流通协会</a>  <a href="http://www.jxcxh.com.cn/">江西省茶叶协会</a>
            <a href="http://www.gzcx.org/" target="_blank">贵州省茶叶协会</a><a href="http://www.gdtea.com.cn/" target="_blank">广东省茶业行业协会</a><a href="http://www.zjcxw.com.cn/" target="_blank">浙江省茶叶产业协会</a><a href="http://www.hncha.cn/" target="_blank">湖南省茶业协会</a>
        </div>
    </div>
</div>


@section FooterScript{
    <script>
        $(function () {
            $("img[thissrc]").each(function (index, value) {
                src = $(this).attr('thissrc');
                $(this).attr('thissrc', "");
                $(this).attr('src', src);
            });
        });
    </script>
}
